@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 15px;position: relative;overflow-x: hidden;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img{display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
/*input placeholder 样式 */


@font-face {
  font-family: 'ziti';
  src: url("./impact.ttf");
}





::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
.over-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.over-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.over-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}

.over-line-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	overflow: hidden;
}
/* 无内容 */
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 35px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.pf_40{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}

/*in_01*/

.intita{text-align: center;position: relative;}
.intita span{display: block;font-size: 70px;font-family: impact;text-transform: uppercase;color: rgba(51, 51, 51, 0.05);position: relative;z-index: 1}
.intita strong{display: block;margin-top: -70px;position: relative;z-index: 2;}
.intita strong b{color: #2173AB}
.intita p{color: #777;}

.product_tit span{
    color: rgba(255, 255, 255, 0.05);
}

.product_tit strong {color: #fff}
.product_tit strong b{color: #F6A128}

.product_tit p{color: #fff;}







.in_03{height: auto;overflow: hidden;}
.in_03 li a{display: block;position: relative;height: auto;overflow: hidden; width:327px; height:245px}
.in_03 li a:hover .in03a{top:0;padding: 3rem;}
.in_03 li a:hover .in03a i{display: block;}
.in_03 li a img{width: 100%;}
.in03a{position: absolute;z-index: 2;height: 100vh; background: rgba(33,115,171,.8);text-align: center;color: #fff;width: 100%;top:80%;transition:.4s;}
.in03a i{font-size:34px;display: none;}
.in03a span{display: block;line-height: 45px;}
.in03a p{display: block;width: 140px; line-height: 35px;border: 1px solid rgba(255,255,255,.6);text-align: center;margin:0 auto;border-radius: 30px;margin-top: 1rem;}

.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg) center top no-repeat;}
.in04a strong{display: block;color:rgba(255,255,255,.4);font-size: 48px;text-transform: uppercase;}
.in04a span{display: block;color:#fff;font-weight: bold;position: relative;}
.in04a span::after{position: absolute;content: "";left:170px;width: 80px;height: 1px; background: rgba(255,255,255,.8);top:45%;}


.in04b{height: auto;overflow: hidden;background: url(../images/in04b.png) center left no-repeat;margin-top:12%;padding:3rem 0;}
.in04b strong{display: block;color: #333}

.in04b i{display: inline-block;color: #2173AB}



.in04b span{display: block;color: #222}



.in04c p{line-height: 40px;color: #777;}
.in04c a{display: block;width: 150px;line-height: 45px;background: #fff;text-align: center;position: relative;transition:.4s;}
.in04c a:hover{background: #2173AB;color: #fff;}
.in04c a::before{position: absolute;content: "";width: 15px;height:2px;background: #2173AB;left:0;top:-2px;}
.in04c a::after{position: absolute;content: "";width: 2px;height:17px;background: #2173AB;left:-2px;top:-2px;}
.in04d{height: auto;overflow: hidden;background: #f7f7f7;}
.in04d span{text-align: center;}
.in04d span:nth-of-type(2n+0){background: #efefef}
.in04d strong{font-size: 52px;font-family: fz;}
.in04d em{width:19px; height: 19px; border-radius: 50%;background:#F39800;color: #fff; text-align: center; line-height: 19px; display: inline-block; margin-left: 5px;}
/*in_06*/
.in05a .swiper-container{height: auto;overflow: hidden;}
.in05a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in05a .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #ebebeb; background: #fff;position: relative;}
.in05a .swiper-slide a:hover {color: #fff;}
.in05a .swiper-slide a:hover strong{color: #fff;}
.in05a .swiper-slide a:hover p{color: #fff;}
.in05a .swiper-slide a:hover .in05b::before{height: 100%;}
.in05a .swiper-slide a:hover img{transform: scale(1.1);}
.in05b {transition:all 0.6s ease 0s;height: auto;position: relative;}
.in05b::before {position: absolute;content: "";height: 0px;background: #2173AB;left:0;width: 100%;bottom: 0;z-index: 1;transition:.4s;}
.in05b strong{display: block;color: #222;position: relative;z-index: 2;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;transition:.4s;}
.in05b p{line-height: 25px;color: #777;position: relative;z-index: 2;transition:.4s;}
.nimgb{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.nimgb img{transition: all 2s;}
.nimgb::before{position: absolute;content: ""; bottom: 0;width: 100%;z-index: 3;transition: all .3s;padding: 10%;z-index: 1; 
background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.0));background-color: transparent;color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;}
.foota{height: auto;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.1);color: #fff;}
.foota img{float: left;max-width: 100%;}
.foota p{line-height: 20px;letter-spacing: 12px;}
.search{position: relative;}
.search-text{border: 1px solid #ddd;line-height: 45px;padding-left: 10px;width: 100%;}
.fdj{position: absolute;right:5px;top:4px;width: 40px; height: 40px;border-radius: 40px; background: url(../images/fdj.png) center no-repeat #2173AB;outline: none;color: #fff;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #F6A128;}
.footba {border-right: 1px solid rgba(255,255,255,.1)}
.footba li span{display: block;line-height: 50px;transition:.4s;}
.footba li span a{color: #fff;transition:.4s;}
.footba li span:hover a{color: rgba(255,255,255,.7);}
.footca span{display: block;color: #fff;background: url(../images/footca.png) left center no-repeat;padding-left: 80px;}
.footca span b{font-family: impact;}
.footca p{line-height: 35px;color: rgba(255,255,255,.7);}
.footcb {text-align: center;}
.footcb img{border: 1px dashed rgba(255,255,255,.2);padding: 8px;max-width: 100%; margin: 0px auto; margin-top: 20px;}
.footcb span{display: block;line-height: 45px;color: rgba(255,255,255,.6)}
.footd{border-top: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.6);line-height: 45px;}
.footd a{transition:.4s;color: #7c7c7c;}
.footd a:hover{color: #fff;}
.fmenu p{line-height: 40px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.fmenu p a{color: rgba(255,255,255,.6);transition:.4s;}
.fmenu p a:hover{color: rgba(255,255,255,1);}
.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #d0121b}
.inedxmovie{position: fixed;right:0;bottom: 0;background: rgba(255,255,255,.6);z-index: 6;border: 1px solid #eee;}
.anniu{display: block;width: 30px;line-height: 30px;background: #2173AB;border-radius: 40px;text-align: center;margin-bottom: .5rem;cursor: pointer;}
.anniu i{color: #fff;}

.crumbs{height: auto;line-height: 60px;color: #777;background:#fff;border-bottom: 1px solid #f1f1f1;}
.crumbs a{display: block;text-align: center; transition:.4s;font-size: 15px;position: relative;}
.crumbs a::before{position: absolute;content: "";width: 0px;left:46%;height: 2px;bottom: 0;background: #2173AB;transition:.4s;}
.crumbs a:hover{color: #2173AB;}
.crumbs a.on{color: #2173AB;}
.crumbs a:hover::before{width: 8%;}

/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;transition:.4s;position: relative;border-bottom: 1px solid #eee; }
.newslist ul li:hover a{background: #f7f8fb;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #2173AB;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; }
.newsfonta p{line-height: 30px;color: #777;}
.newsfonta i{display: block;width: 40px;height: 40px;border-radius: 40px;background: #2173AB;text-align: center;line-height: 40px; overflow: hidden;}
.newsfonta i img{ display: block; width: 11px; height: 16px; margin: 12px auto;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}




/*case*/
.caselist li a{display: block;transition:.4s;background:url(../images/casea.png) right bottom no-repeat #f5f5f5;}
.caselist li a:hover{box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.caselist li a:hover em{background:#2173AB;color: #fff}
.caselist li img{display: block;width: 100%;}
.case_a p{line-height: 40px;}
.case_a{width: 80%;}
.case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case_a em{display: block;width: 140px; margin-top:10px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #2173AB;transition:.4s;text-align: center;font-style: normal;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.cimga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}


/*联系我们*/
.contact-map{
    width: 100%;
    height: 940px;
  }
  #dituContent{
    width: 100%;
    height: 100%;
  }
#dituContent label {max-width: unset!important;text-align: center;}
.de-contact{
	position: relative;
	width: 100%;
	
}
.contact-list{ position: absolute; left: 0; top: 15%; z-index: 1; width: 100%; padding: 0;}
.contact-list .container{ margin: 0 auto !important;}
.contact-list .container ul{ float: left; width: 35%;}
.contact-list .container li{ background: #fff; padding: 7%; margin-bottom: 3%; position: relative;}
.contact-list .container .zxly{ background: #2173AB; height: 70px;clear: both; line-height: 70px; text-align: center; color: #fff; font-size: 20px; transition:0.3s; cursor: pointer;}
.contact-list .container .zxly i{ display: inline-block; font-size: 20px;}
.contact-list .container .zxly:hover{ background: #F6A128;}
.contact-list .container li .pic{ float: left; width: 60px; height: 60px; background: #2173AB; line-height: 60px; text-align: center; border-radius: 3px;}
.contact-list .container li .pic img{ width:40px; height: 40px; margin: 10px auto;}
.contact-list .container li .font{ float: left; padding-left: 5%; width: 80%;}
.contact-list .container li .font span{ color: #666666; font-size: 18px;}
.contact-list .container li .font p{ color: #282828; font-size: 16px;line-height: 30px;}
.contact-list .container li:before{ position: absolute; right: 0; top: 0; content: '01.'; width: 45px; height: 45px; line-height: 45px; text-align: center; border-left: 2px solid #fafafb; border-bottom: 2px solid #fafafb; color: #666666; font-size: 24px; font-family: Bahnschrift;}
.contact-list .container li:nth-of-type(2):before{ content: '02.';}
.contact-list .container li:nth-of-type(3):before{ content: '03.';}
.zxly_nr{ float: right; background: #fff; width: 63%; padding: 0% 3% 3% 3%; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.zxly_nr .tit{ color: #282828; position: relative;}
.zxly_nr .tit p{ font-size: 36px; font-weight: bold; float: left; padding-right: 3%;}
.zxly_nr .tit span{ font-size: 24px; display: block; float: left;}
.zxly_nr .tit:before{ position: absolute; left: 0; top: 0; content: 'Online Message'; color: rgba(40,40,40,0.03); font-size: 88px; font-family: Bahnschrift; text-transform: uppercase; font-weight: bold;}
.zxly_nr .ly_close{ position: absolute; right: 0; top: 25%; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: #2173AB; cursor: pointer; transition:0.3s;}
.zxly_nr .ly_close img{ width: 24px; height: 24px; margin: 8px auto; transition: all 1.5s ease-out 0s;}
.zxly_nr .ly_close:hover{ background: #F6A128;}


.mes-form .form-tr{overflow: hidden;margin-top: 3%; width:100%;}
.mes-form .form-tr input{display: block;width: 100%;padding: 0 2%;height: 4rem;line-height: 4rem;background: none;border-bottom: 1px solid #e7e7e7;}
.mes-form .form-tr .code input{width: 40%;float: left;}
.mes-form .form-tr textarea{display: block;width: 100%;padding: 5px 10px;height: 100px;background: none;border-bottom: 1px solid #e7e7e7;}
.mes-form .form-tr .code .verify{cursor: pointer;float: left;margin-left: 25px;width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 0;}
.mes-form .form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.mes-form .form-tr .submit2{ display: block;width: 190px;height: 40px;text-align: center;line-height: 40px;background: #2173AB;color: #fff;font-size: 15px;transition: 0.3s;margin:0 auto; margin-top: 15px;}
.mes-form .form-tr .submit2:hover{background: #F6A128;}
.zxly_nr.show{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}



 .yntx {padding: 0 60px;overflow: hidden;position: relative; }
.yntx .swiper-container {width: 100%;height: auto;overflow: hidden;}
 .yntx .swiper-container .swiper-slide, .yntx .swiper-container .swiper-wrapper { height: auto;}
 .yntx .yntxitem {padding: 0;overflow: hidden;}
 .yntx .yntxitem a {display: block;width: 100%;}
 .yntx .yntxitem .ynpic {padding-bottom:66%;overflow: hidden;position: relative;z-index: 2;}
 .yntx .yntxitem .ynpic img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: contain;transition: .3s all;}
.yntx .swiper-button-prev, .yntx .swiper-button-next { width: 50px;height: 50px;border: 1px solid #5e6a73;border-radius: 50%;z-index: 1;}
 .yntx .swiper-button-prev{ left: 0%;right:auto;}
 .yntx .swiper-button-next{ right:0%;left: auto;}
 .yntx .swiper-button-prev:after{ color:#5e6a73; font-size:20px;}
 .yntx .swiper-button-next:after {color: #5e6a73;font-size: 20px;}
 .yntx .swiper-button-prev.swiper-button-disabled, .yntx .swiper-button-next.swiper-button-disabled {opacity: 0.6;}
 .ynmore {display:block;width: 236px; margin:73px auto 0;position: relative;z-index: 2;transition: all .5s;padding: 0;overflow: hidden;line-height: 50px;border: 1px solid #1e7be1;border-radius: 25px;background: #1e7be1;text-align: center;}
 .ynmore:before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(180deg,#73f0ff 0,#5aa7fe 38%,#405efc 100%);background-image: -webkit-linear-gradient(180deg,#73f0ff 0,#5aa7fe 38%,#405efc 100%);background-image: -ms-linear-gradient(180deg,#73f0ff 0,#5aa7fe 38%,#405efc 100%);z-index: -1;-ms-transform: translate(-100%,0%);-webkit-transform: translate(-100%,0%);transform: translate(-100%,0%);transition: all .5s;}
 .ynmore a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 45px;padding: 0;border:none;}
 .ynmore:hover {border:1px solid #1e7be1;}
 .ynmore:hover a {color: #fff;}
 .ynmore:hover:before{
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);}

@media screen and (max-width:1440px){
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
}
@media screen and (max-width:1200px){
    .contact-list .container li .font{ width: 75%;}
    .contact-list .container li .font span{ font-size: 16px;}
    .contact-list .container li .font p{ font-size: 16px;}
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
    .zxly_nr .ly_close{ width: 35px; height: 35px; line-height: 35px;}
}
@media screen and (max-width:991px){
    .contact-list .container ul{ width: 70%;}
}
@media screen and (max-width:765px){
    .contact-list{ position: relative; margin-top: 25% !important;}
    .contact-list .container ul{ width: 100%;}
    .contact-list .container ul li{ border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	 .yntx {padding: 0 45px;}
     .ynmore {margin:30px auto 0;}
      .yntx .swiper-button-prev,  .yntx .swiper-button-next {width: 40px;height: 40px;}
}







/*company*/
.companya{height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;}
.coma_a strong{display: block;color: #f4f4f4;font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;}
.coma_a span{display: block;color: #2173AB;text-transform: uppercase;margin-top: -60px;}
.coma_b{line-height: 35px;color: #777;}
.coma_c img{max-width: 100%;}
.coma_d{height: auto;overflow: hidden;background: url(../images/coma_d.jpg) center top no-repeat;}
.comtit{text-align: center;}
.comtit strong{display: block;color: rgba(255,255,255,.1);font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;}
.comtit span{display: block;color: rgba(255,255,255,.8);text-transform: uppercase;margin-top: -60px;}
.comtit p{color: rgba(255,255,255,.8);}
.companyb{height: auto;overflow: hidden;background: url(../images/companyb.jpg) center top no-repeat;}
.companyc{height: auto;overflow: hidden;background: url(../images/companyc.jpg) center top repeat;}
.comc_a{width: 50%;line-height: 40px;color: #fff;margin:0 auto;text-align: center;}
.companyc li {text-align: center;color: #fff;}
.companyc li:hover img{transform:rotate(45deg)}
.companyc li:hover i{background: #2173AB;width: 30px;}
.companyc li img{display: block;margin:0 auto; max-width: 100%;transition:.4s;}
.companyc li strong{display: block;}
.companyc li i{display: block;width: 15px;height: 2px;background: #fff;margin:1rem auto;transition:.4s;}
.companyc li p{font-size: 16px;line-height: 35px;}
.companyd a{display: block; position: relative;}
.companyd a:hover i{background: rgba(0,0,0,.4);}
.companyd a i{position: absolute;z-index: 2;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.companyd img{display: block;max-width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: .5rem;}
.companyd dl dd:nth-of-type(2){padding-left: .5rem;}
.companye{height: auto;overflow: hidden;background: url(../images/companye.jpg) center top no-repeat;}
.come_a .swiper-slide a{display: block;height: auto;overflow: hidden; position: relative;}
.come_a .swiper-slide a:hover span{line-height: 60px;}
.come_a .swiper-slide a:hover img{transform: scale(1.1);}
.come_a .swiper-slide span{position: absolute;z-index: 2;bottom: 0;width: 100%;left:0;text-align: center;background: rgba(1,60,117,.8);line-height: 45px;color: #fff;transition:.4s;}
.comimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;background: #fff;}
.comimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.comimgb img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;}



/*jjfa*/
.jjfaa{height: auto;overflow: hidden;border-bottom: 1px solid #f5f5f5;}
.jjfaa li a{display: block;transition:.4s;position: relative;}
.jjfaa li a::before{position: absolute;content: ""; left:0;top:0;width: 0px;height: 3px;background: #F6A128;transition:.4s;}
.jjfaa li a:hover{background: #fafafa;}
.jjfaa li a:hover::before{width: 100%;}
.jjfaa li a img{display: block; width: 130px;height: 130px; border-radius: 80px;margin:0 auto;}
.jjfaa li a span{line-height: 45px;text-align: center;}
.jjfalist li {height: auto;overflow: hidden;}
.jjfalist li a{display: block;height: auto;overflow: hidden;position: relative;}
.jjfalist li span{position: absolute;bottom: 0;left:0;width: 100%;line-height: 70px;height: 70px; background: rgba(33,115,171,.8);color: #fff;transition:.4s;}
.jjfalist li span em{display: block;border: 1px solid #fff;width: 32px;line-height: 32px;height: 32px;border-radius: 60px;text-align: center;}
.solution li{ width:12.5% !important; flex: 0 0 12.5% !important; }
.jjfalist li span em img{width: 26px; height: 26px; margin: 3px auto;}
.jjfalist li a:hover span{bottom: -80px}
.jjfalist li a:hover .jimgb{top:0;}
.jjfalist li a:hover .jimgb i{display: block;}
.jjfalist li a img{width: 100%;}

.jimgb{position: absolute;z-index: 2;height: 100vh;padding:6rem 5rem 3rem 5rem; background: rgba(33,115,171,.7);text-align: center;color: #fff;width: 100%;top:110%;transition:.6s;}
.jimgb i{font-size:46px;display: none;}
.jimgb span{display: block;line-height: 45px;}
.jimgb p{display: block;width: 140px; line-height: 35px;border: 1px solid rgba(255,255,255,.6);text-align: center;margin:0 auto;border-radius: 30px;margin-top: 1rem;}
.jimgb em{display: block;line-height: 35px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	padding-bottom:0 !important;
	padding-top:0 !important;
	}
.row .jimga { width:669px; height:502px; }
	




@media screen and (max-width:1440px){
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
}
@media screen and (max-width:1200px){
    .contact-list .container li .font{ width: 75%;}
    .contact-list .container li .font span{ font-size: 16px;}
    .contact-list .container li .font p{ font-size: 16px;}
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
    .zxly_nr .ly_close{ width: 35px; height: 35px; line-height: 35px;}
}
@media screen and (max-width:991px){
    .contact-list .container ul{ width: 70%;}
	.solution li{
	flex: 0 0 25% !important;
    max-width: 25% !important;
}
.row .jimga { width:329px; height:280px; }
}
}
@media screen and (max-width:765px){
    .contact-list{ position: relative; margin-top: 25% !important;}
    .contact-list .container ul{ width: 100%;}
    .contact-list .container ul li{ border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.solution li{
	flex: 0 0 25% !important;
    max-width: 25% !important;
}
.row .jimga { width:239px; height:179px; }
}

@media (max-width: 576px) { 
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 20px;line-height: 35px;}
.mf_22{font-size: 25px;line-height: 40px;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}


.in03a{top:65%;}
.in_03 li a:hover .in03a{padding: .5rem;}
.in03a p{display: none;}
.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}
.in01c li em{display: none;}
.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb{padding: 1rem;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.scslc li a:hover .scslc_a{padding: 1rem;}
.scslc_a p{display: none;}
.de-contact{background: rgba(0,0,0,.8);}
.prob_a table p{font-size: 12px;}
.solution li{
	flex: 0 0 25% !important;
    max-width: 25% !important;
}
.row .jimga { width:239px; height:179px; }
}



@media (max-width: 390px) { 

.solution li{
	flex: 0 0 35% !important;
    max-width: 35% !important;
}
.row .jimga { width:157px; height:118px; }

.in_03 li a{display: block;position: relative;height: auto;overflow: hidden; width:157px; height:118px}
}


@media (min-width: 576px) and (max-width: 768px) { 
.topa img{max-width: 70%;float: left;}
.topa a{border-right: none;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}

.in03a{top:75%;}
.in_03 li a{display: block;position: relative;height: auto;overflow: hidden; width:239px; height:179px}
.in_03 li a:hover .in03a{padding: 2rem;}
.in03a p{display: none;}
.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}

.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb{padding: 1rem;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.scslc li a:hover .scslc_a{padding: 1rem;}
.de-contact{background: rgba(0,0,0,.8);}
 }
@media (min-width: 768px) and (max-width:992px) { 
 .topa img{max-width: 70%;float: left;}
.topa a{border-right: none;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}

.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}

.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.de-contact{background: rgba(0,0,0,.8);}
.proa_ba p{font-size: 22px;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.topa a{border-right: none;}
.in02b{top:35%;}
.in03a{top:72%;}
.in03a p{display: none;}
.footca span b{font-size: 28px;}
.ptype li a p{font-size: 12px;font-family: fz;}
.companyc li p{font-size: 14px;}
.comc_a{width: 70%;}
.jimgb{padding: 3rem;}
.case_a{width: 100%;}
.scslb_b .swiper-slide{height: 270px;}
.scslc li a:hover .scslc_a{padding:1rem;}
.in01a .mySwiper .swiper-slide p{font-size: 12px;font-family: fz;}
}

@media (min-width: 1200px) and (max-width:1360px) { 
.topa p{letter-spacing: 0px;}
.topa strong{font-size: 20px;}
.in02b{top:40%;}
.jjfaa li a img{width: 100px;height: 100px; border-radius: 80px;}
}
@media (min-width: 1200px) {
.container{max-width: 1400px ;}


}
@media (max-width: 1400px) {
.inedxmovie{display: none;}

}